<template>
	<div class="shopinfo">

<h4 style="text-align:center">8000元</h4>
<card :header="{title:'店主:666你好'}">
      <div slot="content" class="card-demo-flex card-demo-content01">
        <div class="vux-1px-l vux-1px-r">
          <span>1130</span>
          <br/>
          京豆
        </div>
        <div>
          <span>88</span>
          <br/>
          七天待还
        </div>
      </div>
    </card>
            <cell title="卡片类型" value="消费卡" is-link></cell>
	    <x-input
	     title="面额"
	     type="text"
          ></x-input>

      <cell title="Total" value="￥1024"></cell>
      <cell-form-preview :list="list"></cell-form-preview>
	</div>
</template>
<script>
	import { Cell, XInput,XButton,Card , CellFormPreview} from "./index.js"
	export default {
		data (){
			return {
			
      list: [{
        label: 'Apple',
        value: '3.29'
      }, {
        label: 'Banana',
        value: '1.04'
      }, {
        label: 'Fish',
        value: '8.00'
      }]
			
			}
		},
		components: {
		   Cell,
		   XInput,
		XButton ,
			Card,
			CellFormPreview 
		},
		methods: {
					
			saveData: function () {

	let xx = 	{
					"sessionId":"ed852194-ceb9-4316-b3cb-ef972f96d233","cardProductInfo":{"state":"normal","name":"card1","price":"1200","quantity":"3000","expireDate":"360","denomination":"150000","cardType":"normal"}
	}
	this.$http.post(this.$store.state.rests.addCard.url,xx).then(res => {
				console.log(res,"1111")
				}).then(err =>{
					console.error(err);
				})
			}
			
		}
	}
	</script>
<style scoped lang="less">



.card-demo-flex {
  display: flex;
}
.card-demo-content01 {
  padding: 10px 0;
}
.card-padding {
  padding: 15px;
}
.card-demo-flex > div {
  flex: 1;
  text-align: center;
  font-size: 12px;
}
.card-demo-flex span {
  color: #f74c31;
}
</style>
